<template class="aboutView">
  <div>
    <h1>About</h1>
    <p>This is an example of using Bytemd with Vue 3 and Vite.</p>
  </div>
  <Editor :value="value" :plugins="plugins" @change="handleChange" />
</template>

<script>
import gfm from "@bytemd/plugin-gfm";
import math from "@bytemd/plugin-math";
import "katex/dist/katex.css";
import { Editor, Viewer } from "@bytemd/vue-next";

const plugins = [
  gfm(),

  math(),
  // Add more plugins here
];

export default {
  components: { Editor },
  data() {
    return { value: "", plugins };
  },
  methods: {
    handleChange(v) {
      this.value = v;
    },
  },
};
</script>
